var UIManager = {
    manBackground: function (map) {
        //设置背景挪动
        var mapDiv = document.getElementById('map');

        map.on('move', function (e) {
            var pitch = map.getPitch();
            var bearing = map.getBearing();

            if (pitch <= 60) {
                return;
            }

            mapDiv.style.backgroundPositionX = -bearing / 180 * 1920 + 'px';
        })
    },
    manRain: function (map) {
        // //添加五张图片
        // var canvasContainer = document.querySelector('.minemap-canvas-container');
        // for (var i = 0; i < 5; i++) {
        //     var img = document.createElement('img');
        //     img.setAttribute('src', 'texture/rain/rain' + i + '.png');
        //     img.setAttribute('class', 'test-rain');
        //     img.setAttribute('id', 'rain' + i);
        //     img.style.visibility = 'hidden';
        //     canvasContainer.append(img);
        // }
        //
        // var yunImg = document.createElement('img');
        // yunImg.setAttribute('src', 'texture/yun.png');
        // yunImg.setAttribute('class', 'test-rain');
        // yunImg.setAttribute('id', 'yun');
        // yunImg.style.visibility = 'hidden';
        // canvasContainer.append(yunImg);
        // var rainRequestFrame = null;
        //
        // var imgCount = 0;
        //
        // function updateRain() {
        //     document.querySelector('#rain' + imgCount).style.visibility = 'hidden'
        //     imgCount++;
        //     imgCount %= 5;
        //     document.querySelector('#rain' + imgCount).style.visibility = 'visible';
        //
        //     rainRequestFrame = requestAnimationFrame(updateRain);
        // }
        //
        // map.on('move', function (e) {
        //     var zoom = map.getZoom();
        //     var center = map.getCenter();
        //     var lngBounds = [116.42105739206723, 116.4619894312966];
        //     var latBounds = [39.946836843158214, 39.9567553918686];
        //
        //     //下雨是否显示
        //     if (zoom >= 14 && zoom <= 17 && center.lat > latBounds[0] && center.lat < latBounds[1] && center.lng > lngBounds[0] && center.lat < lngBounds[1]) {
        //         yunImg.style.visibility = 'visible';
        //         if (!rainRequestFrame) {
        //             rainRequestFrame = requestAnimationFrame(updateRain);
        //         }
        //
        //     } else {
        //         if(rainRequestFrame){
        //             yunImg.style.visibility = 'hidden';
        //             document.querySelector('#rain' + imgCount).style.visibility = 'hidden';
        //             cancelAnimationFrame(rainRequestFrame);
        //             rainRequestFrame = null;
        //         }
        //     }
        // });
    }
}

export default UIManager;